/*
 * Copyright 2021 ThoughtWorks, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

$success: #dbf1d9;
$success-border: #98e478;
$warning: #fdf5e2;
$warning-border: #eee4c9;
$alert: #feebec;
$alert-border: #e5bfc0;
$info: #d3effb;
$info-border: #b8d4e0;
$secondary: #fff;
$border-radius: 3px;

.callout {
  font-weight:   600;
  font-size:     15px;
  padding:       10px 20px;
  border-radius: $border-radius;
  &.success {
    background-color: $success;
    border-color:     $success-border;
    color:            #298a4c;
  }
  &.warning {
    background-color: $warning;
    border-color:     $warning-border;
    color:            #b88c34;
  }
  &.info {
    background-color: $info;
    border-color:     $info-border;
    color:            #0072b7;
  }
  &.alert {
    background-color: $alert;
    border-color:     $alert-border;
    color:            #f23962;
  }
  &.small {
    padding:   5px 10px;
    font-size: rem-calc(13px);
  }
  &.secondary {
    background-color: $secondary;
    border-color:     #e3e3e3;
    color:            #4a4a4a;
  }
  .pipeline & {
    margin: 10px 15px;
  }
  .modal-content & {
    margin: 10px 0;
  }
}
